Homepage

<carousel-view>

  <carousel-item active={true} backgroundimage="//static1.squarespace.com/static/5718c7881bbee08525c56f68/5767ca7e725e25704d7be0f6/57b453261b631b812c3b39b3/1486046930411/20563.jpg">
    <blockquote cite="http://...">
      <img src="//static1.squarespace.com/static/5718c7881bbee08525c56f68/t/57f7467903596e345f8f7fb3/1475823233892/?format=300w" class="img-responsive">
      <br>
      <p>
        Do occaecat occaecat proident cupidatat ullamco ullamco mollit laboris. Qui non est laborum enim irure velit ut exercitation et sunt ad amet. Pariatur quis non qui aute et officia in fugiat fugiat pariatur ad nisi nulla.
      </p>
      <footer>
        Someone famous in <cite title="Source Title">Source Title</cite>
      </footer>
    </blockquote>
  </carousel-item>
  <carousel-item backgroundimage="//static1.squarespace.com/static/5718c7881bbee08525c56f68/5767ca7e725e25704d7be0f6/5767d7fbe4fcb52666c931fb/1486046959031/16290.jpg">
    <blockquote cite="http://...">
      <img src="//static1.squarespace.com/static/5718c7881bbee08525c56f68/t/57f746c99f74566f55ee5012/1475823312523/?format=300w" class="img-responsive">
      <br>
      <br>
      <p>
        Reprehenderit elit et consectetur cillum veniam qui duis aute occaecat cupidatat. Irure do voluptate deserunt elit nostrud deserunt pariatur sunt pariatur aliqua. Lorem adipisicing exercitation nulla enim eiusmod adipisicing minim et enim officia anim qui proident amet.
      </p>
      <footer>
        Someone famous in <cite title="Source Title">Source Title</cite>
      </footer>
    </blockquote>
  </carousel-item>
  </carousel-item>
</carousel-view>

<feature-phone />

let features = [
  {
    icon: 'zmdi zmdi-check',
    title: 'Detaljvy för intäkter & utgifter',
    text: 'Få en bättre insyn i era siffror med detaljerade vyer som även går att sortera på konton och jämföra med tidigare perioder på en tidslinje.',
    image: 'https://static1.squarespace.com/static/57344c351d07c02082dbde50/573e0530746fb9dd83118535/573e20452fe1316b6b00ffb6/1464606584148/iPhone1.png'
  },
  {
    icon: 'zmdi zmdi-check',
    title: 'Detaljvy för kassaflöde',
    text: 'Ni kan också se ert befintliga kassaflöde över tid så att ni alltid har koll på era tillgångar.',
    image: 'https://static1.squarespace.com/static/57344c351d07c02082dbde50/573e0530746fb9dd83118535/573e201207eaa0685a783ba3/1464597391137/iPhone2.png'
  },
  {
    icon: 'zmdi zmdi-check',
    title: 'Sätt egna mål',
    text: 'Sätt era budgetmål och håll koll på dem på ett lätt sätt. De kommer finnas tillgängliga att jämföras med era befintliga siffror så  att ni alltid har koll på hur ert företag mår.',
    image: 'https://static1.squarespace.com/static/57344c351d07c02082dbde50/573e0530746fb9dd83118535/573e1f9262cd943531b36cbf/1464598517695/iPhone3.png'
  },
  {
    icon: 'zmdi zmdi-check',
    title: 'Detaljvy för resultat',
    text: 'Se era resultat över tid och jämför med tidigare resultat.',
    image: 'https://static1.squarespace.com/static/57344c351d07c02082dbde50/573e0530746fb9dd83118535/573e1e78d210b87c46538fed/1465378237171/iPhone4.png'
  }
]

riot.mount('feature-phone', {
  features: features
})